@charset "utf-8";
@import "common/run";
.web {
    header {
        .a {
            position: relative;
            .abc {
                width: r(26px);
                height: r(26px);
                border-radius: 50%;
                background: red;
                text-align: center;
                line-height: r(26px);
                color: white;
                font-size: r(16.21px);
                position: absolute;
                top: r(20px);
                left: r(20px);
            }
        }
    }
    section {
        background: #f5f5f5;
        width: 100%;
        position: absolute;
        top: r(89px);
        bottom: r(91px);
        overflow-y: auto;
        .gg_img {
            margin-top: r(7px);
            width: 100%;
            height: r(174px);
            overflow: hidden;
            a {
                img {
                    width: 100%;
                }
            }
        }
        input[type="radio"] {
            display: none;
        }
        .label {
            margin-top: r(7px);
            font-size: 0;
            width: 100%;
            height: r(88px);
            overflow: hidden;
            border-bottom: r(1px) solid #dfdfdf;
            label {
                width: 33.3333%;
                background: #f5f5f5;
                display: inline-block;
                text-align: center;
                line-height: r(88px);
                font-size: r(26px);
                color: #8b8b8b;
                font-family: "微软雅黑";
                border: none;
                outline: none;
            }
        }
        .testdiv1{
            width: 100%;
            height:r(1943px);
            background: white;
            margin-top: r(21px);
            display: none; //          text-indent: 2em;
            font-family: "微软雅黑";
            .text1_txt {
                 width: r(583px);
                height: r(847px);
                margin: 0 auto;
//              border-bottom: r(2px) solid #e4e4e4;
                span {
                    font-size: r(20px);
                    color: #8b8b8b; //              text-align: center;
                    letter-spacing: r(2px);
                    line-height: r(26px);
                    display: inline-block;
                    box-sizing: border-box;
                   
                    text-align: justify;
                    text-indent: 2em;
                    margin-top: r(26px); //              padding-left: r(29px);
                }
            }
            .text1_video{
                width: r(583px);
                height: r(400px);
                margin: 0 auto;
                border-bottom: r(2px) solid #e4e4e4;
                border-top: r(2px) solid #e4e4e4;
                
                .text1_video_img{
                    margin-top: r(38px);
                    width:r(583px);
                    a{
                    img{width: 100%;}}
                }
            }
            .text1_fzlc{
                width: r(583px);
                height: r(616px);
//              margin-top: r(14px);
                margin: r(14px) auto;
                .text1_fzlc_txt{
                    width: 100%;
                    height: r(80px);
                    background: #B20000;
                    
                    font-size: r(30px);
                    font-family: "微软雅黑";
                    color: white;
                    line-height:r(80px);
//                  vertical-align: middle;
                    div:nth-child(1){
                        float: left;
                        border-radius: 50%;
                        width: r(32px);
                        height: r(32px);
                        margin-top: r(20px);
                         line-height:r(32px);
                         text-align: center;
                         margin-left: r(24px);
                        border: r(4px) solid white;
                        
                    }
                     div:nth-child(2){
                        float: left;
                        
                         margin-left: r(24px);
                         
   
                    }
                     div:nth-child(3){
                        float: right;
                        margin-top: r(-2px);
                        
                         margin-right: r(20px);
                         i{
                             font-size: r(41px);
                         }
                  
                    }
                }
                .text1_fzlc_rili{
                    width: r(536px);
                    height: r(107px);
                    margin-left: r(43px);
//                  line-height: r(107px);
                    border-left: r(4px) solid #8B8B8B;
                    div:nth-child(1){
                        margin-left: r(-20px);
                        margin-top: r(37px);
                        width: r(34px);
                        background: white;
                        border-radius: 50%;
                        line-height: r(34px);
                        text-align: center;
                        border: r(4px) solid #8B8B8B;
                        height: r(34px);
                        
                        
                        div{
                            margin: r(5px) auto;
                            width: r(13px);
                            height: r(14px);
                            background: #8B8B8B;
                            border-radius: 50%;
                        }
                        
                    }
                    div:nth-child(2){
                        margin-left: r(28px);
                        margin-top: r(35px);
                         span:nth-child(1){
                            
                             font-family: "微软雅黑";
                             font-size: r(31.64px);
                             color: #313131;
                         }
                         span:last-child{
                            
                             font-family: "微软雅黑";
                             font-size: r(20px);
                             color: #b20000;
                         }    
                    } 
                }
                
                
                .text1_fzlc_rili2{
                    width: 100%;
                    height: r(107px);
                    
//                  line-height: r(107px);
                    
                    .text1_fzlc_rili3{
                        margin-left: r(43px);
                        width: r(536px);
                        height: r(107px);
                        border-left: r(4px) solid #8B8B8B;
                    div:nth-child(1){
                        margin-left: r(-20px);
                        margin-top: r(37px);
                        width: r(34px);
                        background: white;
                        border-radius: 50%;
                        line-height: r(34px);
                        text-align: center;
                        border: r(4px) solid #8B8B8B;
                        height: r(34px);
                        
                        
                        div{
                            margin: r(5px) auto;
                            width: r(13px);
                            height: r(14px);
                            background: #8B8B8B;
                            border-radius: 50%;
                        }
                        
                    }
                    div:nth-child(2){
                        margin-left: r(28px);
                        margin-top: r(35px);
                         span:nth-child(1){
                            
                             font-family: "微软雅黑";
                             font-size: r(31.64px);
                             color: #313131;
                         }
                         span:last-child{
                            
                             font-family: "微软雅黑";
                             font-size: r(20px);
                             color: #b20000;
                         }    
                    } 
                 }
                }
                
                
                
                
                
                
                
                
                
                
                
                
                
                .text1_jzgd{
                    width: 100%;
                    height: r(62px);
                    border-top: r(1px) solid #8B8B8B;
                    a{
                        display: inline-block;
                        width: 100%;
                        height: r(62px);
                        color: #8B8B8B;
                        font-family: "微软雅黑";
                        font-size: r(22px);
                        text-align: center;
                        line-height: r(62px);
                    }
                }
            }
        }
        .testdiv{
            width: 100%;
            
            background: white;
            margin-top: r(21px);
            display: none; //          text-indent: 2em;
            font-family: "微软雅黑";
        }
        
        
        
        .testdiv2 {
            height:r(2080px);
           
            .test2_dsz{
                
                padding-top: r(17px);
                width: r(585px);
                margin: 0 auto;
                .test2_dsz_img{
                    width: r(106px);
                    overflow: hidden;
                    margin-top: r(3px);
                    a{img{width: 100%;}}
                }
                .test2_txt{
                    width: r(459px);
                    div:nth-child(1){
                        width: 100%;
                        height: r(34px);
                        a{
                        font-size: r(26.63px);
                        color: #b50007;
                        }
                    }
                    div:nth-child(2){
                        width: 100%;
                        font-size: r(22px);
                        color: #7d7d7d;
                        text-align: justify;
                        line-height: r(25px);
                        letter-spacing: r(1px);
                    }
                }
            }
            .test2_dsz2{
                margin-top: r(50px);
            }
            
            
            
            
        }
        
        
        
        
        .testdiv3 {
            
            width: 100%;
            height: 100%;
            background: url(../images/aboutus/bg2.jpg);
            overflow: hidden;
            .test3_txt{
                width: 100%;
                height: r(71px);
                position: relative;
                margin-top: r(217px);
                text-align: center;
                line-height: r(71px);
                font-family: "微软雅黑";
                font-size: r(73px);
                color: #b60005;
                
                span{
                    position: absolute;
                    top: r(25px);
                    left: r(312px);
                    width: r(20px);
                    height: r(20px);
                    background: #b60005;
                    border-radius: 50%;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
            .test3_why{
                width: r(502px);
                height: r(57px);
                background: #e3e3e3;
                border-radius: r(57px);
                margin: r(102px) auto;
//              text-align: center;
                line-height: r(57px);
                font-family: "微软雅黑";
                font-size: r(25px);
                color: #1f1f1f;
                span:first-child{
                    display: inline-block;
                    width: r(20px);
                    height: r(20px);
                    border-radius: 50%;
                    background: white;
                    margin-left: r(32px);
                    border: r(1px) solid #B20000;
                }
                span:last-child{margin-left: r(31px);}
            }
            .test3_why2{
                margin-top: r(55px);
            }
            .test_vv{
                width: r(52px);
                height: r(44px);
                margin: r(296px) auto;
            }
        }
    }
}
#radio1:checked~.testdiv1 {
    display: block;
}
#radio2:checked~.testdiv2 {
    display: block;
}
#radio3:checked~.testdiv3 {
    display: block;
}
#radio1:checked~.label label:nth-child(1) {
    background: #b20000;
    color: white;
}
#radio2:checked~.label label:nth-child(2) {
    background: #b20000;
    color: white;
}
#radio3:checked~.label label:nth-child(3) {
    background: #b20000;
    color: white;
}
#color_f3f3f3{
    background:#f3f3f3;
}
